﻿
<!--Materiales view-->
<div id="materialesView" data-role="view" data-title=""
         data-model="BoxSportSystem.materialesList.viewModel"
         data-show="BoxSportSystem.materialesList.onShow">
        <header data-role="header">
            <div data-role="navbar">  
                <span data-role="view-title">Materiales</span>
  
                <input style="width: 150px; height: 20px "  type="search" placeholder="Buscar" class="form-control" data-bind="value: criterio"/>
                <button data-role="button" data-icon="search" data-bind="click: buscar"></button>
                <!--<a class="nav-button" data-align="right" data-role="button" data-icon="search"></a>-->                
            </div>
        </header>
        <ul data-role="listview" data-role="listview" data-style="inset"
            data-template="materialesListTemplate"
            data-bind="source: materialesDataSource">
            <li><a href="#detalleMaterialesView" data-icon="add">Materiales 001</a> </li>
            <li><a href="#detalleMaterialesView" data-icon="add">Materiales 002</a> </li>
            <li><a href="#detalleMaterialesView" data-icon="add">Materiales 003</a> </li>
        </ul>
    </div>
    <script id="materialesListTemplate" type="text/x-kendo-tpml">
        #var url='view/Materiales/detalleMaterial.html\\#detalleMaterialesView?idInsumo=' + data.Id #
        <a href="${url}">
            Insumo: ${data.NombreInsumo}
        </a>
    </script>